﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>移动掌控App-下载</title>
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
</head>

<style>
.download-header {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 24px;
    text-align: left;
}
.download-header {
    margin-bottom: 40px;
    font-size: 20px;
}
.download-header{
    position: relative;
    padding: 30px 15px;
    color: #EEEEEE;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    background-color: #005bac;
    /*background-image: -webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));*/
    /*background-image: -webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);*/
    /*background-image: -o-linear-gradient(top,#563d7c 0,#6f5499 100%);*/
    /*background-image: linear-gradient(to bottom,#563d7c 0,#6f5499 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);*/
    background-repeat: repeat-x;
}

.btn {
    width:100px;
}
</style>
<body>
<div class="download-header" id="content">
    <div class="container">
        <h1>移动掌控App下载</h1>
    </div>
</div>
<div class="container">
    <div class="row">

        <div class="col-sm-12 col-md-4">
            <div class="thumbnail">
                <div class="caption">
                    <h3>IPhone</h3>

                    <p>支持搭载IOS 7.0版本或以上系统的IPhone设备</p>

                    <p><a th:href="${iphoneUrl}" class="btn btn-primary" role="button">下载</a></p>
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-4">
            <div class="thumbnail">
                <div class="caption">
                    <h3>IPad</h3>

                    <p>支持搭载IOS 7.0版本或以上系统的IPhone设备</p>

                    <p><a th:href="${ipadUrl}" class="btn btn-primary" role="button">下载</a></p>
                </div>
            </div>
        </div>
        
        <div class="col-sm-12 col-md-4">
            <div class="thumbnail">
                <div class="caption">
                    <h3>Android</h3>

                    <p>支持搭载Android 4.0版本或以上系统的设备</p>

                    <p><a th:href="${androidUrl}" class="btn btn-primary" role="button">下载</a></p>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
</html>